<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div>
    <ul>
        <li><a href="#" data-page="console">控制台</a></li>
        <li><a href="#" data-page="students/student">学生信息</a></li>
        <li><a href="#" data-page="students/import">导入学生信息</a></li>
        <li><a href="#" data-page="teachers/teacher">教师信息</a></li>
        <li><a href="#" data-page="teachers/addTeacher">教师入职</a></li>
        <li><a href="#" data-page="financial">资金流水</a></li>
        <li><a href="#" data-page="other">其他</a></li>
    </ul>
</div>

<style>
    /* 去除圆点 */
    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* 链接显示为块状 */
    ul li a {
        display: block;
        text-decoration: none; /* 去除下划线 */
        padding: 10px;
        border-bottom: 1px solid #ccc; /* 添加下划线 */
    }

    /* 鼠标悬浮时的效果 */
    ul li a:hover {
        background-color: #f2f2f2;
        color: #000;
    }

    /* 选中时的效果 */
    ul li a:active {
        background-color: #e6e6e6;
        color: #333;
    }

</style>